<!--
此文件为开发者工具生成，生成时间: 2024/6/21下午1:40:40
使用方法：
在 C:\Users\handsomedog\Desktop\shanhaitaixiu-frontend\mall4cloud-uniapp\dist\dev\mp-weixin\pages\my-post\my-post.wxml 引入模板

```
<import src="my-post.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 C:\Users\handsomedog\Desktop\shanhaitaixiu-frontend\mall4cloud-uniapp\dist\dev\mp-weixin\pages\my-post\my-post.wxss 中引入样式
```
@import "./my-post.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
      <view class="post-item post-item" v-for="index in 4" :key="index" style="margin-top: 40rpx;">
        <view class="top top">
          <image class="avatar sk-image" mode="aspectFill"></image>
          <view class="group group">
            <view class="nickName sk-transparent sk-text-14-2857-292 sk-text">1111111111</view>
            <view class="postTime sk-transparent sk-text-14-2857-460 sk-text">2024-06-21 13:10</view>
          </view>
          <image class="cloud sk-image"></image>
        </view>
        <view class="content content">
          <view class="text text text-overflow-clamp-2 text-overflow-clamp-2" style="font-size:17px">
          </view>
          <view class="group group"></view>
        </view>
        <view class="button button">
          <button class="shareButton sk-transparent sk-button sk-pseudo sk-pseudo-circle" open-type="share">
            <image class="icon sk-image"></image> 分享
          </button>
          <view class="group sk-transparent">
            <image class="icon sk-image" style="width:22px"></image> 0
          </view>
        </view>
      </view>
</template>

<style>
  /*
  此文件为开发者工具生成，生成时间: 2024/6/21下午1:40:40

  在 C:\Users\handsomedog\Desktop\shanhaitaixiu-frontend\mall4cloud-uniapp\dist\dev\mp-weixin\pages\my-post\my-post.wxss 中引入样式
  ```
  @import "./my-post.skeleton.wxss";
  ```

  更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
  */
  .sk-transparent {
    color: transparent !important;
  }

  .sk-text-14-2857-292 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 44.8000rpx;
    position: relative !important;
  }

  .sk-text {
    background-origin: content-box !important;
    background-clip: content-box !important;
    background-color: transparent !important;
    color: transparent !important;
    background-repeat: repeat-y !important;
  }

  .sk-text-14-2857-460 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }

  .sk-text-14-2857-736 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 44.8000rpx;
    position: relative !important;
  }

  .sk-text-14-2857-971 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }

  .sk-text-14-2857-746 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }

  .sk-button {
    color: #EFEFEF !important;
    background: #EFEFEF !important;
    border: none !important;
    box-shadow: none !important;
  }

  .sk-image {
    background: #EFEFEF !important;
  }

  .sk-pseudo::before,
  .sk-pseudo::after {
    background: #EFEFEF !important;
    background-image: none !important;
    color: transparent !important;
    border-color: transparent !important;
  }

  .sk-pseudo-rect::before,
  .sk-pseudo-rect::after {
    border-radius: 0 !important;
  }

  .sk-pseudo-circle::before,
  .sk-pseudo-circle::after {
    border-radius: 50% !important;
  }

  .sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }
</style>
